<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0042)http://jscs.cloudapp.net/ControlsSample/CM -->
<HTML xmlns="http://www.w3.org/1999/xhtml">
	<HEAD>
	
		<META http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	    <TITLE></TITLE>
	    <LINK href="../jquery.contextmenu.css" rel="stylesheet" type="text/css" class="view-source"/>
		<link  href="../../../../themes/default/style.css" class="view-source" rel="stylesheet">
		<script src="../../../../scripts/jquery.js"  class="view-source" type="text/javascript"></script>
		<script src="../../../../scripts/common.js"  class="view-source" type="text/javascript"></script>
		<script src="../../../../scripts/browserfix.js"  class="view-source" type="text/javascript" ></script>
		<script src="../../../../scripts/plugins/jquery.json.js" type="text/javascript"></script>
		
		<SCRIPT src="../jquery.contextmenu.js" type="text/javascript" class="view-source"></SCRIPT> 

	<script src="../../demo.js"></script>
	<link href="../../demo.css" rel="stylesheet">
	    
 <SCRIPT type="text/javascript" class="view-source noparse">
     $(function(){
		$(".contextmenu a").click(function(){
			alert($(this).text());
			return false ;
		}) ;
   })
 </SCRIPT>
<STYLE type="text/css">
	        .target
	        {
	            border:solid 1px #ffccee;   
	            padding:5px;
	            background-color:Blue;
	            color:#fff;
	            width:150px;
	         }
	    </STYLE>
	</HEAD>
	<BODY>
	<form id="demoForm" action="#"  class="form-inline row-fluid container" >

<div class="row-fluid view-source noparse">
   <div id="target" class="target">在这里右击[所有菜单]</div>
<ul  class="contextmenu dropdown-menu view-source noparse"  data-widget="contextmenu" style="width:150px;" data-options="{target:'#target',eventType:'contextmenu'}">
	<li>
		<a href="#">	
			<img src="../images/ico2.gif"/>
			<span>第一项</span>
		</a>
	</li>
	<li>
		<a href="#">
			<img src="../images/ico2.gif"/>
			<span>第二项</span>
		</a>
	</li>
	<li>
		<a href="#">
			<img src="../images/ico3.gif"/>
			<span>第三项</span>
		</a>
	</li>
	<li class="divider"></li>
	<li>
		<a href="#" class="b-m-arrow">
			<img src="../images/ico4.gif" />
			<span>组一集合</span>
		</a>
	</li>
</ul>
  </div>
</div>


  	</form>	 
	</BODY>
</HTML>